<template>
  <view>
    <button @click="get">发送请求</button>
    <button type="primary" @click="setStorage">存储数据</button>
    <button type="primary" @click="getStorage">获取数据</button>
    <button type="primary" @click="removeId">移除id</button>
    <view>这是列表页</view>
    <view class="box-item" v-for="item in list">
      {{item}}
    </view>
    <!-- <button @click="pullDown">下拉刷新</button> -->
  </view>
</template>

<script>
  export default {
    data() {
      return {
        list: ['前端', 'JAVA', 'UI', '测试', '大数据', '前端', 'JAVA', 'UI', '测试', '大数据']
      }
    },
    onPullDownRefresh() {
      console.log(('触发了下拉刷新'))
      setTimeout(() => {
        this.list = ['JAVA', 'UI', '前端', '测试', '大数据']
        uni.stopPullDownRefresh()
      }, 2000)
    },
    onReachBottom() {
      console.log('页面触底了')
      this.list = [...this.list, ...['JAVA', 'UI', '前端', '测试', '大数据']]
    },
    methods: {
      pullDown() {
        uni.startPullDownRefresh()
      },
      get() {
        uni.request({
          url: 'http://localhost:8082/api/getlunbo',
          success(res) {
            console.log(res)
          }
        })
      },
      setStorage() {
        // uni.setStorage({
        //   key: 'id',
        //   data: 80,
        //   success() {
        //     console.log('存储成功')
        //   }
        // })
        uni.setStorageSync('id', 100)
      },
      getStorage() {
        // uni.getStorage({
        //   key: 'id',
        //   success(res) {
        //     console.log('获取成功', res.data)
        //   }
        // })
        const res = uni.getStorageSync('id')
        console.log(res)
      },
      removeId() {
        // uni.removeStorage({
        //   key: 'id',
        //   success() {
        //     console.log('删除成功')
        //   }
        // })
        uni.removeStorageSync('id')
      }
    }
  }
</script>

<style>
  .box-item {
    height: 200rpx;
    line-height: 200rpx;
  }
</style>